<template>
  <button class="fancy-btn">
    <!-- slot outlet -->
  	<slot>
      Submit <!-- 默认内容 -->
    </slot> 
	</button>
</template>
<script setup>
import { ref } from 'vue'

const message = ref('Hello World')
</script>

<style>
.fancy-btn {
  color: #fff;
  background: linear-gradient(315deg, #42d392 25%, #647eff);
  border: none;
  padding: 5px 10px;
  margin: 5px;
  border-radius: 8px;
  cursor: pointer;
}
</style>